<template>
  <div>
    <router-link to="/classify/cartoon/naruto" exact-active-class="active"
      >火影忍者</router-link
    >
    <router-link to="/classify/cartoon/dragonball" exact-active-class="active"
      >七龙珠</router-link
    >
    <router-link
      to="/classify/cartoon/douluocontinent"
      exact-active-class="active"
      >斗罗大陆</router-link
    >
    <router-link
      to="/classify/cartoon/gobbleupthestarrysky"
      exact-active-class="active"
      >吞噬星空</router-link
    >
    <div>
      <h1>显示三级路由切换的页面↓</h1>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    btn() {},
  },
};
</script>

<style scoped>
.active {
  color: #f00;
}
a {
  margin-right: 5px;
}
</style>